<!doctype html>
<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js ie7 oldie" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js ie8 oldie" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

	<title>JudgeMyMug - Public Ridicule</title>
	<meta name="description" content="judge mugshots pinellas county sheriff">
	<meta name="author" content="">
	<meta name="viewport" content="width=device-width,initial-scale=1">

	<link rel="stylesheet" href="/css/style.css">
	<link rel="stylesheet" href="/css/ui-darkness/jquery-ui-1.8.16.custom.css">
	
	<link href='http://fonts.googleapis.com/css?family=Bowlby+One+SC' rel='stylesheet' type='text/css'>
	<script src="/js/libs/modernizr-2.0.min.js"></script>
	<script src="/js/libs/respond.min.js"></script>

	<script src="/js/libs/jquery-1.6.2.min.js"></script>
	<script src="/js/libs/jquery-ui-1.8.16.custom.min.js"></script>
	
</head>

<body style="text-align: center;">

<table style="width: 100%;">

<tr>
	<td colspan="3">
		<span style="font-family: 'Bowlby One SC', sans-serif; font-size: 14pt;">
			<a href="http://www.judgemymug.com">www.judgemymug.com</a>
		</span>
		<p/>
		<span style="font-family: 'Bowlby One SC', sans-serif; font-size: 10pt;">
			real people, real mugshots, real ridicule
		</span>
	</td>
</tr>

<tr>

<td style="vertical-align: top; width: 100%;">

	<div style="font-family: 'Bowlby One SC', sans-serif; font-size: 14pt;">
		<strong>Current score:</strong> <?= $this->record['score'] ?>
		<strong>Votes:</strong> <?= $this->record['votes'] ?>
	</div>

	<a href="/i/<?= $this->record["seq"]+1 ?>">
		<img style="max-width: 50%;" src="/im/<?= $this->record['_id'] ?>" /> 
	</a>
	<br/>

	<strong>
		<?= ucwords(strtolower($this->record['name'])) ?> - <?= ucwords(strtolower($this->record['city']))?>, <?= $this->record['state'] ?>
	</strong>
	<br/>
	Arrested: <?= date("Y-m-d h:i A", $this->record['arrest_date']->sec) ?>
	<br/>
	<div style="font-size: x-small; font-family: sans">
		<?= implode(" &bull; ", array_unique($this->record['offenses'])) ?>
	</div>
	<br/>

	<form method="post" action="/" name="score">
		<input type="hidden" name="i" value="<?= $this->record["seq"] ?>"/>
		
		<button style="background-color: #017F73;" type="submit" name="score" value="0">0</button>
		<button style="background-color: #067302;" type="submit" name="score" value="1">+1</button>
		<button style="background-color: #F29F05;" type="submit" name="score" value="2">+2</button>
		<button style="background-color: #F27405;" type="submit" name="score" value="3">+3</button>
		<button style="background-color: #F27405;" type="submit" name="score" value="4">+4</button>
		<button style="background-color: #01515B;" type="submit" name="score" value="5">+5</button>

		<div>
			<?= $this->formRadio('gender', $this->gender, NULL, array('MALE' => 'MALE','FEMALE' => 'FEMALE','BOTH' => 'BOTH'))?>
		</div>

		<!--
		<div style="width: 50%; margin-left: 25%;">
			<p>
				<label for="stupidity_v">Stupidity of Crime:</label>
				
			</p>
			
			<p>
				<label for="repeat_v">Chances of Repeat:</label>
				
			</p>
		</div>
		-->
			

		<br/>
		Leave a Comment:
		<br/>
		<textarea name="comments" style="height: 150px; width: 75%"></textarea>
		<br/>

		<div style="text-align: left; font-size: small;">
			Comments:
			<?= $this->htmlList(array_unique($this->record['comments']), true) ?>
		</div>

	</form>

</td>

</tr>

<tr>
<td>
	Most Recent Arrests:
	<br/>
	<?= $this->tenMostRecent($this->records) ?>
</td>
</tr>

<tr>
<td>
	Top Ten Scores
	<br/>
	<?= $this->topTen($this->records) ?>
</td>
</tr>

</table>
</div>


<g:plusone size="medium" annotation="inline"></g:plusone>

	<div id="fb-root"></div>
		<script>(function(d, s, id) {
 				 var js, fjs = d.getElementsByTagName(s)[0];
				  if (d.getElementById(id)) {return;}
					js = d.createElement(s); js.id = id;
  					js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
 					fjs.parentNode.insertBefore(js, fjs);
					}(document, 'script', 'facebook-jssdk'));
			</script>

	<div class="fb-like" data-href="http://www.judgemymug.com" data-send="true" data-width="450" data-show-faces="true"></div>


<script type="text/javascript">
  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>



<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-21222461-2']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>

<!--[if lt IE 7 ]>
	<script src="//ajax.googleapis.com/ajax/libs/chrome-frame/1.0.2/CFInstall.min.js"></script>
	<script>window.attachEvent("onload",function(){CFInstall.check({mode:"overlay"})})</script>
<![endif]-->

</body>
</html>
